
//放大镜
let even=document.querySelector('.goods-1');
let mask=document.querySelector('.mask');
let big=document.querySelector('.big');

even.addEventListener('mouseover',function(){
mask.style.display='block';
big.style.display='block';
});
even.addEventListener('mouseout',function(){
mask.style.display='none';
big.style.display='none';
});
even.addEventListener('mousemove',function(e){
let x=e.pageX-even.offsetLeft;
let y=e.pageY-even.offsetTop;
let maskx=(x-190-mask.offsetWidth/2);
let masky=(y-342-mask.offsetHeight/2);
let maskMax=even.offsetWidth-mask.offsetWidth;
if(maskx<0){
  maskx=0;
}else if(maskx>=maskMax){
  maskx=maskMax;
};
if(masky<0){
  masky=0;
}else if(masky>=maskMax){
  masky=maskMax;
};
mask.style.left=maskx+'px';
mask.style.top=masky+'px';

// 放大镜的大图
let bigImg=document.querySelector('.bigimg')
let bigMax=bigImg.offsetWidth-big.offsetWidth;
let bigX=maskx * bigMax/maskMax;
let bigY=masky*bigMax/maskMax;
bigImg.style.left=-bigX+'px';
bigImg.style.top=-bigY+'px';
});








require.config({
  baseUrl: "../js/library",
  path: {
    jquery: "jquery",
    axios: "axios",
  },
  shim: {},
});
require(["jquery"], function ($) {
  $('.left-goods>ul>li').on('mouseover', function () {
    $(this).addClass('active').siblings().removeClass('active');
    let _index = $('.left-goods>ul>li').index(this);
    $('.left-goods>div').eq(_index).addClass("goods-1").siblings().removeClass("goods-1")
  });
  let num=0;
  $('.num>span:eq(0)').on('click',function(){
    if(num>0){
      $('.num>span:eq(1)').html(num--);
    }
    

  });
 
  $('.num>span:eq(2)').on('click',function(){
    num++;
    
    $('.num>span:eq(1)').html(num);

  })
});

